<script setup lang="ts">
import user from '@/composables/user'

function onToHome() {
    uni.reLaunch({
        url: '/pages/index/index',
    })
}

function onToService() {
    uni.navigateTo({
        url: '/package-mine/pages/customer-service/customer-service',
    })
}
</script>

<template>
    <NavbarContainer nav-title="注销成功">
        <view class="flex flex-col items-center justify-center">
            <image class="mt-100rpx h-186rpx w-186rpx" src="../../../static/images/tips/success.png" />
            <view class="mt-30rpx text-36rpx">注销成功</view>
            <view class="mt-30rpx text-28rpx text-lightgray">您已完成子弹工作注销</view>
            <view class="mt-30rpx h-88rpx flex items-center justify-center rounded-full bg-orange px-80rpx color-#fff" @click="onToHome">
                <view>返回</view>
            </view>
            <view v-if="user.userInfo.value.isOpenSalaryCard" class="relative mt-100rpx box-border h-157rpx w-630rpx px-30rpx">
                <image class="absolute left-0 top-0 h-full w-full" src="../../assets/image/logout/bg.png" />
                <view class="relative z-10 h-full w-full flex items-center justify-between text-28rpx">
                    <view class="w-300rpx lh-normal">您已开通薪工卡请添加客服注销微工卡</view>
                    <view class="rounded-full bg-primary px-20rpx py-16rpx text-white" @click="onToService">添加客服</view>
                </view>
            </view>
        </view>
    </NavbarContainer>
</template>

<style scoped></style>

<route lang="json">
{
}
</route>
